<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
    <title>长乐美食城-订单确认页</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/assets/home/assets/images/favicon.ico">
    <link rel="stylesheet" type="text/css"
          href="__PUBLIC__/assets/home/vendors/mobiscroll-master/css/mobiscroll.scroller.css"/>
    <link rel="stylesheet" type="text/css"
          href="__PUBLIC__/assets/home/vendors/mobiscroll-master/css/mobiscroll.frame.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/assets/home/assets/font-awesome/css/font-awesome.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/assets/home/assets/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/assets/home/assets/css/confirm.css"/>

</head>

<body>
<main class="order-main">
    <table>
        <caption>收货信息</caption>
        <tr>
            <td>姓名</td>
            <td>{{$address.name}}</td>
            <td>电话</td>
            <td>{{$address.tel}}</td>
        </tr>
        <tr>
            <td>地址</td>
            <td colspan="3">{{$address.area}} {{$address.address}}</td>
        </tr>
    </table>
    <table class="mar-t">
        <caption>订单信息</caption>
        <tr>
            <td>订单号</td>
            <td colspan="2">{{$order.order_no}}</td>
            <td>总金额</td>
            <td colspan="2"><span class="color">￥{{$order.total_price}}元</span></td>
        </tr>

        <volist name="order_products" id="order_product">
            <tr>
                <td style="padding:1px;"><img class="img-responsive" src="{{$order_product.product.thumb}}" alt="产品图片"></td>
                <td>{{$order_product.product.name}}</td>
                <td>数量</td>
                <td>{{$order_product.number}}</td>
                <td>单价</td>
                <td>￥{{$order_product.product.price}}元</td>
            </tr>
        </volist>

    </table>

    <footer>
        <a href="#"><input class="alipay" type="submit" value="微信支付"/></a>
        <a href="#"><input class="submit" type="submit" value="支付宝支付"/></a>
    </footer>

</main>
</body>
</html>
